<template>
    <div>
        <div v-for="(item,idnex) in arr" :key="idnex">
            {{item.tit}}
           <DiGui2 :arr="item.children"></DiGui2>
        </div>
    </div>
</template>

<script>
export default {
    // 使用递归组件必须要给当前组件起名字，名字是字符串类型的
    // 在vue中大驼峰命名组件可以使用小写字母加下划线得形式 比如 AaBb 可以写为 aa-bb
    name: "DiGui2",
    props:["arr"],

}
</script>

<style>

</style>